<template>
  <div class="bac-bottom">
    <img src="~@/assets/reception/background2.png" alt="" >
    <div class="bottom-link">
      <div class="bottom-items">
        <div class="bottom-items-title" @click="routerpush()">
          新闻资讯
        </div>
        <div class="bottom-item">
          企业新闻
        </div>
        <div class="bottom-item">
          行业动态
        </div>
      </div>
      <div class="bottom-items">
        <div class="bottom-items-title">
          关于我们
        </div>
        <div class="bottom-item">
          走进我们
        </div>
      </div>
      <div class="bottom-items">
        <div class="bottom-items-title">
          入会窗口
        </div>
      </div>
      <div class="bottom-items">
        <div class="bottom-items-title">
          询价窗口
        </div>
      </div>
      <div class="bottom-items">
        <div class="bottom-items-title">
          咨询窗口
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import router from '@/router/index';

export default {
  name: 'buttom',
  methods: {
    routerpush(){
      this.$router.push({ path: '/reception/news/index' });
    }
  },
}
</script>

<style lang="less" scoped>
.bac-bottom{
  // margin-top:20px ;
  position: relative;
  width: 100%;
  img{
    height: 180px;
    width: 100%;
  }
  .bottom-link{
    position: absolute;
    display: flex;
    left: 40%;
    top: 40px;
    .bottom-items{
      margin: 0 30px;
      .bottom-items-title{
        color: #fff;
        margin-bottom: 10px;
        cursor: pointer;
      }
      .bottom-item{
        margin-bottom: 10px;
        color: #464848;
        cursor: pointer;
      }
    }

  }
}
</style>